import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    xmlnsXlink='http://www.w3.org/1999/xlink'
    width={16}
    height={16}
    viewBox='0 0 16 16'
    fill='none'
    ref={ref}
    {...props}>
    <g opacity={1} transform='translate(0 0)'>
      <mask id='bg-mask-0' fill='white'>
        <use transform='translate(0 0)' xlinkHref='#path_0' />
      </mask>
      <g mask='url(#bg-mask-0)'>
        <path
          id='\u8DEF\u5F84 1'
          fillRule='evenodd'
          opacity={1}
          d='M13.9753 3.48244L8.18327 1.77364C8.12886 1.75764 8.07127 1.74805 8.01366 1.74805C7.95606 1.74805 7.90166 1.75444 7.84727 1.77044L2.35927 3.37044C2.28245 3.37364 2.21206 3.39605 2.14806 3.43123L2.04566 3.46005C1.78966 3.53364 1.61366 3.76723 1.61366 4.03605L1.59766 11.4536C1.59766 11.7032 1.75127 11.9272 1.98486 12.0168L7.77366 14.2056C7.84086 14.2312 7.91445 14.244 7.98486 14.244C8.05527 14.244 8.12886 14.2312 8.19606 14.2056L14.0009 12.036C14.2345 11.9496 14.3913 11.7256 14.3913 11.476L14.4041 4.06164C14.4041 3.79284 14.2313 3.55923 13.9753 3.48244ZM8.26966 2.77205L11.6457 3.76723C11.7577 3.79923 11.7577 3.95923 11.6489 3.99444L8.27927 5.06323C8.09686 5.12084 7.90486 5.12084 7.72245 5.06323L4.36566 3.98164C4.25366 3.94644 4.25686 3.78644 4.36886 3.75444L7.75766 2.76884C7.92406 2.72405 8.10327 2.72405 8.26966 2.77205ZM2.89686 4.49044L7.34486 5.92084C7.45686 5.95605 7.53366 6.06164 7.53366 6.18005L7.53366 12.724C7.53366 12.9128 7.34486 13.044 7.16566 12.9768L2.70806 11.2904C2.60245 11.2488 2.53206 11.1496 2.53206 11.0344L2.54486 4.74964C2.54166 4.56405 2.72406 4.43605 2.89686 4.49044Z'
        />
      </g>
    </g>
    <defs>
      <rect id='path_0' x={0} y={0} width={16} height={16} rx={0} ry={0} />
    </defs>
  </svg>
)
const ForwardRef = forwardRef(SvgComponent)
const Memo = memo(ForwardRef)
export default Memo
